<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>注册</title>
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" type="text/css" href="../bootstrap3/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="../bootstrap3/font-awesome-4.7.0/css/font-awesome.css"/>
<style type="text/css">
body{
background-image: url("timg.jpeg");
background-size:100%,100%;
background-repeat:no-repeat;


}
#d1{

width: 466px;
    margin:16% auto;
    padding: 28px;
    background: rgba(255,255,255,0.2);
    box-shadow: 0 2px 6px #999;
    border-radius: 5px;
    
}
#d2{
padding-left: 2px;
}
#d3{
 /* position:absolute;
  left:880px;
  top:180px;*/
  text-align:center;
 font-size: 30px;
 margin:auto auto;
 margin-top:1px; 
}

</style>
</head>

<body>


<div class="container" id="d1">
<div id="d3">欢迎注册！</div>
 <form class="form-horizontal">
  <div class="form-group">
    <label for="inputnumber" class="col-sm-2 control-label">手机号</label>
    <div class="col-sm-10">
      <input type="email" class="form-control" id="inputEmail3" placeholder="请输入手机号">
    </div>
  </div>
  <div class="form-group">
    <label for="inputPassword3" class="col-sm-2 control-label">密码</label>
    <div class="col-sm-10">
      <input type="password" class="form-control" id="inputPassword3" placeholder="请输入密码">
    </div>
     </div>
     <div class="form-group">
    <label for="inputPassword3" class="col-sm-2 control-label" id="d2">确认密码</label>
    <div class="col-sm-10">
      <input type="password" class="form-control" id="inputPassword3" placeholder="请再次输入密码">
    </div>
  </div>
  <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
      <div class="checkbox">
        <label>
          <input type="checkbox">记住密码
        </label>
      </div>
    </div>
  </div>
  <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
     <a href="index.html"><button type="button" class="btn btn-default">注册并登录</button></a>
     <a href="login.html">直接登录</a>
      
    </div>
  </div>
</form>
</div>

</body>

<script type="text/javascript" src="../bootstrap3/jquery.min.js"></script>
<script type="text/javascript" src="../bootstrap3/js/bootstrap.js"></script>
<script type="text/javascript" src="../bootstrap3/js/holder.js"></script>
<script type="text/javascript" src="../bootstrap3/js/html5shiv.min.js"></script>
<script type="text/javascript" src="../bootstrap3/js/css3-mediaqueries.js"></script>
<script type="text/javascript" src="../bootstrap3/js/respond.min.js"></script>
</html>